<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Login</title>
	<h:outputStylesheet library="css" name="admin_style.css" />
	<h:outputStylesheet library="css" name="bootstrap.min.css" />
	<h:outputScript library="script" name="bootstrap.min.js" />
</h:head>

<body class="body-login">
	<h:form id="loginForm" prependId="false">
		<p:growl id="message"></p:growl>
		
		<div class="vertical-center-row" style="margin-top: 150px;">
			<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-4 ">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
							<i class="fa fa-long-arrow-right fa-fw"></i> #{msg['com.home.login.login']}
						</h3>
					</div>
					<div class="panel-body">
						<div class="form-group">
							<p:inputText id="j_username" required="true" label="username"
								value="#{accountBean.userName}" styleClass="form-control"/>
							<p:watermark for="j_username"
								value="#{msg['com.home.login.username']}" />
						</div>
						<div class="form-group">
							<p:password id="j_password" required="true" label="password"
								value="#{accountBean.password}" styleClass="form-control"/>
							<p:watermark for="j_password"
								value="#{msg['com.home.login.password']}" />
						</div>
						<div class="form-group">
							<h:selectOneMenu value="#{languageBean.localeCode}" >
								<f:selectItems value="#{languageBean.countriesInMap}" />
							</h:selectOneMenu>
						</div>
						<div class="form-group pull-right">
							<p:commandButton value="Login" ajax="false" styleClass="btn btn-primary"
						action="#{accountBean.login}" update="message" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</h:form>
</body>
</html>
